<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      layout:decorator="layout/layout">
<title layout:fragment="title">通知公告</title>
<body>
<div class="main-content" layout:fragment="content">
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a th:href="@{/}" href="/">首页</a>
            </li>
            <li class="active">通知公告管理</li>
        </ul>
    </div>
    <!-- .page-content -->
    <div class="page-content">
        <div class="row">
            <div class="col-xs-12">
                <!--<p>
                    <a th:href="@{/content/add}" class="btn btn-app btn-primary no-radius" id="add_room_btn">
                        <i class="icon-edit bigger-230"></i>
                        发布通知
                    </a>
                </p>-->
                <a th:href="@{/content/add}" shiro:hasPermission="content:page:add" href="" class="btn btn-primary btn-sm"><i class="icon-plus icon-on-right bigger-120" style="top: 2px"></i> 发布通知</a>
            </div>
            <hr/>
            <div class="col-xs-12" shiro:hasPermission="content:oper:page">
                <form class="form-search" id="search-form">
                    <label for="title" class="search-label">标题</label>
                    <input type="text" class="search-query" name="title" id="title">
                    <label for="state" class="search-label">状态</label>
                    <select name="state" id="state">
                        <option value="">全部</option>
                        <option value="0">编辑中</option>
                        <option value="1">已发布</option>
                    </select>
                    <label for="createStartTime" style="padding-top: 5px; padding-right: 5px;"
                           data-date-format="dd-mm-yyyy">开始时间</label>
                    <input type="text" class="input-small date-picker" readonly="readonly" name="createStartTime"
                           id="createStartTime"/>
                    <label for="createEndTime" style="padding-top: 5px; padding-right: 5px;">结束时间</label>
                    <input type="text" class="input-small date-picker" readonly="readonly" name="createEndTime"
                           id="createEndTime"/>

                    <button type="button" class="btn btn-primary btn-sm" id="btn_search">查询<i
                            class="icon-search icon-on-right bigger-110"></i></button>
                    <button type="button" class="btn btn-sm" id="btn_search_clear">清空<i
                            class="icon-undo icon-on-right bigger-110"></i></button>
                </form>
            </div>

            <div class="col-xs-12" shiro:hasPermission="content:oper:page">
                <table id="dataTable" class="table table-bordered table-striped dataTable"
                       aria-describedby="tradeTable_info">
                    <thead class="thin-border-bottom"></thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script layout:fragment="script" th:src="@{/assets/js/content/home.js}"></script>
</body>
</html>